.button {
    display: inline-flex;
    align-items: center;
    color: inherit;
    cursor: pointer;

    .arrow {
        margin-left: var(--space-2xs);
        font-size: 50%;
        display: inline-block;
        vertical-align: middle;
    }

    .arrow::after {
        content: "▼";
    }

    &.active .arrow::after {
        content: "▲";
    }
}
